$(function(){
	
	
	var fx="d";  //方向
	var x=0;  //当前蛇第一个所在的位置
	var y=0;
	var she;  //蛇
	var curr=[]; //白点的位置
	var $ps=$(".game p");
	var $game=$(".game");
	
	var isstart=false;  //是否开始
	var timer;    //计时器
	var tm;
	function move(){		 
		switch(fx){
			case 'w': y--;break;
			case 's': y++;break;
			case 'a': x--;break;
			case 'd': x++;break;			
		}
		test();
		if(x==curr[0]&&y==curr[1]){
			she.unshift([x,y]);
			$(".game").append("<p></p>");
			showcurr();
		}else{
			she.unshift([x,y]);
			she.pop();
		}
				
		$(".game p").each(function(i,v){
			var top=she[i][1]*10+"px"; 
			var left=she[i][0]*10+"px";
			$(this).css({'top':top,'left':left});			
			
		});		
	}
	
	function showcurr(){
		curr[0]=Math.floor(Math.random()*80);
		curr[1]=Math.floor(Math.random()*60);
		$(".game div").css({'top':curr[1]*10+'px','left':curr[0]*10+'px'});
	}
	
	function test(){
		var isover=false;
		if(x<0||y<0||x>79||y>59){
			isover=true;
		}else{
			for(var i in she){
				if(she[i][0]==x&&she[i][1]==y){
					isover=true;
				}
			}
		}
		if(isover){
			isstart=false;
			clearInterval(timer);
			$("#btn").val("开始");
			$game.empty();
			init();
			alert("game over!")
		}
	}
	
	function init(){
		she=[];
		she[0]=[0,0];
		x=0;
		y=0;
		fx="d";
		$game.append("<p></p>");
		$game.append("<div></div>");
		$ps.css({'top':0,'left':0});
		showcurr();
	}
	
	document.onkeydown=function(e){
		var k=e.key.toLowerCase();	
		switch(k){
			case 'w': if(fx!='s'){fx=k};break;
			case 's': if(fx!='w'){fx=k};break;
			case 'a': if(fx!='d'){fx=k};break;
			case 'd': if(fx!='a'){fx=k};break;			
		}		
	}	
	init();	
	function play(){
		
		tm=$("input[name='nandu']:checked").val();
		
		isstart=!isstart;
		if(isstart){
			timer=setInterval(move,tm);
			$("#btn").val("暂停");
		}else{
			clearInterval(timer);
			$("#btn").val("开始");
		}
	}	
	
	$("#btn").click(function(){		
		play();
	});
	
	
});
